<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%
	String contextRoot = request.getContextPath();
%>
<f:loadBundle basename="properties.messages" var="msg"/>
<f:view>
<!doctype html>
<html>
    <head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <title>SISDEP - Administraci<h:outputText value="#{msg.tilde_o}" />n de Valores para Tipos de Listas Maestras</title>
        
		<meta name="description" content="" />
		<meta name="author" content="" />		     
		<link rel="stylesheet" href="<%=contextRoot%>/css/validationEngine.jquery.css" type="text/css">
		<link rel="stylesheet" href="<%=contextRoot%>/css/template.css" type="text/css">
		<link rel="stylesheet" href="<%=contextRoot%>/css/normalize.css">
		<link rel="stylesheet" href="<%=contextRoot%>/css/uniform.css"> <!-- estilos formularios -->
		<link rel="stylesheet" href="<%=contextRoot%>/css/cuerpo.css">
		<link rel="stylesheet" href="<%=contextRoot%>/css/richCustom.css">		
    </head>
    <body>    
		<div id="marco"> <!--inicio contenedor --> 
		<div class="arriba-cuerpo"></div> 
		<div class="cuerpo">
		<a href="<%=contextRoot%>/index.jsf"><img src="<%= contextRoot %>/images/logos.png" /></a>
		<div class="clear"></div>
		<!-- Menu y Usuario init() -->
			<%@ include file="include/menuUsuario.jsp" %>
		<!-- Menu y Usuario end() -->
		<div class="clear"></div>
		<!-- Formulario --> 
		<div id="buscador">		
		  <h2>Administraci<h:outputText value="#{msg.tilde_o}" />n de Valores para Tipos de Lista Maestra</h2>								
				<h:form id="typeValueAdmonSearchForm">
					<span class="left">
					    <label>Tipo de Lista Maestra<span class="asterisco">*</span></label>
						<h:selectOneMenu id="componentId" styleClass="validate[required]"
							value="#{masterListController.typeValueSearchVO.componentId}">
	                              <f:selectItem itemLabel="Seleccione..." itemValue=""/>
	                              <f:selectItems value="#{masterListController.typeMasterList}"/>
	      				</h:selectOneMenu>
      			    </span><div class="clear"></div>
					<span class="left">
						<label>Nombre del Valor Tipo<span class="asterisco">*</span></label>
						<h:inputText id="typeValueKey" size="40" maxlength="50" styleClass="validate[required]"
								value="#{masterListController.typeValueSearchVO.componentValueName}" />
					</span>
                    <div class="clear"></div>
					(<span class="asterisco"> * </span>) : Campo Obligatorio. Usar % para consultar todos.
                    <div class="clear"></div>
					<h:commandButton id="typeValueAdmonSearchButton"
							 styleClass="botonsmall"
                             type="submit" 
                             value="Buscar" 
                             ondblclick="return false;" 
                             action="#{masterListController.searchTypeValueByParams}" >
                    </h:commandButton>
				</h:form>
				 </div>
				 <div class="clear"></div>
				<div id="buscador">		
					<h:form id="typeAdmonResultsForm">		
					<span class="left">
				    <label>&nbsp;</label>						
				    <h:commandButton id="manageTypeButton"
					                   styleClass="botonsmall"
                                       type="submit" 
                                       value="Nuevo Valor Tipo" 
                                       ondblclick="return false;" 
                                       action="#{masterListController.newTypeValue}" >
                      </h:commandButton>
                     </span>
		             <div class="clear"></div>
		             <span class="left"><h2>Resultados de la Consulta de Valores por Tipo:</h2></span>
		             <div class="clear"></div>
					  <rich:dataTable id="typeValueAdmonData" styleClass="scrollerTable" headerClass="standardTable_Header"
				                border="0" cellpadding="3" cellspacing="1" 
				                footerClass="standardTable_Header" rowKeyVar="rowIndex"
				                rowClasses="tablamultiregistrotr1,tablamultiregistrotr2"
				                onRowMouseOver="this.style.backgroundColor='#C0C0C0'"
							    onRowMouseOut="this.style.backgroundColor='#FFFFFF'"
				                var="typeValueVO" value="#{masterListController.typeValueVOListModel}"
				                rows="10" >
				          <h:column>
				               <f:facet name="header">
				                  <h:outputText value="EDITAR" />
				               </f:facet>
			                    <a4j:commandLink id="editTypeValue" styleClass="formTextLink"
			                                   title="Ver Detalle..."				                                   
			                                   action="#{masterListController.editTypeValue}" reRender="groupTable">
			                        <f:param name="typeValueDataIndex" value="#{rowIndex}" />
			                        <h:graphicImage value="/images/edit_icon.png" style="border: 0px solid #FFFFFF;" />
			                    </a4j:commandLink>
				           </h:column>
				           <h:column>
				               <f:facet name="header" ><h:outputText value="ID Valor Tipo" /></f:facet>
				               <h:outputText value="#{typeValueVO.componentValueId}" />
				           </h:column>
				           <h:column>
				               <f:facet name="header" ><h:outputText value="ID Tipo" /></f:facet>
				               <h:outputText value="#{typeValueVO.componentId}" />
				           </h:column>
				           <h:column>
				               <f:facet name="header">
				                  <h:outputText value="Nombre" />
				               </f:facet>
				               <h:outputText value="#{typeValueVO.componentValueName}" />
				           </h:column>
				           <h:column>
				               <f:facet name="header">
				                  <h:outputText value="Valor" />
				               </f:facet>
				               <h:outputText value="#{typeValueVO.componentValueKey}" />
				           </h:column>
				           <h:column>
				               <f:facet name="header">
				                  <h:outputText value="Descripci#{msg.tilde_o}n" />
				               </f:facet>
				               <h:outputText value="#{typeValueVO.componentValueDesc}" />
				           </h:column>
				           <h:column>
				               <f:facet name="header">
				                  <h:outputText value="Usuario Modificaci#{msg.tilde_o}n" />
				               </f:facet>
				               <h:outputText value="#{typeValueVO.idModifyUser}" />
				           </h:column>
				           <h:column>
				               <f:facet name="header">
				                  <h:outputText value="Fecha Modificaci#{msg.tilde_o}n" />
				               </f:facet>
				               <h:outputText value="#{typeValueVO.modifyDate}" />
				           </h:column>
				        </rich:dataTable>
				        <h:panelGrid columns="1" styleClass="tablapaginacion"
		                             columnClasses="standardTable_ColumnCentered" >
				            <rich:datascroller id="typeValueAdmonScroll"
				                    for="typeValueAdmonData"
				                    fastStep="10"
				                    pageIndexVar="pageIndex"
				                    styleClass="scroller"
				                    maxPages="9" >
				                <f:facet name="first" >
				                    <h:graphicImage url="/images/arrow-first.gif" />
				                </f:facet>
				                <f:facet name="last">
				                    <h:graphicImage url="/images/arrow-last.gif" />
				                </f:facet>
				                <f:facet name="previous">
				                    <h:graphicImage url="/images/arrow-previous.gif" />
				                </f:facet>
				                <f:facet name="next">
				                    <h:graphicImage url="/images/arrow-next.gif" />
				                </f:facet>
				                <f:facet name="fastforward">
				                    <h:graphicImage url="/images/arrow-ff.gif" />
				                </f:facet>
				                <f:facet name="fastrewind">
				                    <h:graphicImage url="/images/arrow-fr.gif" />
				                </f:facet>
				            </rich:datascroller>
				        </h:panelGrid>					        
					</h:form>					
				</div>				
		<div class="clear"></div>
	</div>
	<div class="abajo-cuerpo"></div> 
	</div> <!-- Fin contenedor -->
	<div class="footer"></div>			
<script src="<%=contextRoot%>/js/jquery/lib/jquery-1.7.2.min.js"></script><!-- De ser 1ro -->
<script src="<%=contextRoot%>/js/script.js" type="text/javascript"></script><!-- De ser 2do -->
<script src="<%=contextRoot%>/js/jquery/lib/jquery.uniform.min.js"></script> <!-- formularios --> 
<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
jQ(document).ready(function() {
	jQ("input, select, input:checkbox, input:radio, input:file").uniform();
	jQ("#typeValueAdmonSearchForm").validationEngine('attach');
	jQ("#typeValueAdmonSearchForm").bind("jqv.form.result", function(event, errorFound) {
        if(!errorFound) displayLoadingImage();
    });
});
</script>
<%@ include file="include/validationStatus.jsp" %>
<%@ include file="include/modalMessageWindow.jsp" %>	
       </body>
</html>
</f:view>